/* CSS Document */

*{margin:0; padding:0}
body{margin:0 auto; text-align:center; font-size:12px; font-family:Geneva,Arial,Helvetica,sans-serif}
img{border:none}
a{color:#000; text-decoration:none}
 a:hover{color:#F60; text-decoration:none}
#container{margin:0 auto; text-align:left; width:750px}

#header{width:750px}
  #logoleft{  float:left;   width:417px}
  #logo{  float:left;   width:333px;   height:178px;   cursor:pointer;   background:transparent url(../images/logo.jpg) no-repeat scroll 0 0}
     .top_link{      text-align:right;   padding-top:65px;    padding-right:5px;    line-height:12px}
#menu{width:750px; height:39px; float:left; position:relative; z-index:5; font-size:13px; background:url(../images/menu_bg.jpg) repeat-x scroll 0 0}
#menu .menuleft{width:64px; height:39px; left:0; top:0; position:absolute; z-index:5; background:url(../images/menu_01.jpg) no-repeat scroll 0 0}
#menu .menuright{width:67px; height:39px; left:683px; top:0; position:absolute; z-index:5; background:url(../images/menu_02.jpg) no-repeat scroll 0 0}

 #menu a{text-decoration:none; color:#000}
#menu a:hover{text-decoration:underline; color:#000}
  .main-menu{        width:680px; color:#000; position:absolute; top:0; left:60px; z-index:100}
 .main-menu ul{ list-style:none;  height:39px;  line-height:39px}
 .main-menu .main-li{ float:left; height:35px; line-height:35px; padding-top:4px; position:relative; z-index:1000; list-style:none; color:#000; background:url(../images/menu_bt01.jpg) no-repeat left center}
 .main-menu .main-li a{ display:block; font-weight:bold}
 .main-menu .main-li a:hover{ background:url(../images/menu_bt02.jpg) no-repeat left center}
 .main-menu .main-li .li-a{ float:left}
 .main-menu .main-li .li-a{ width:90px;  text-align:center;  color:#000}
 .main-menu .main-li .sub-menu{ position:absolute; top:39px; display:none; z-index:2; left:0; width:90px; text-align:center; background-color:#FCA611;  color:#000}
  
 .main-menu .main-li .sub-menu-two{ position:absolute; top:0px; display:none; z-index:3; left:80px; text-align:center; color:#000}
   .main-li2 .li2-a a:hover{    background:none}
 .sub-menu-two a{ width:90px; background-color:#c2c48d; float:none}
 .sub-menu .li2-a{ background-color:#EAEACF; float:none; width:95px}
 .sub-menu a:hover{ background-color:#000}
.c{clear:both}
#banner{width:750px; height:240px; position:relative; float:left; z-index:0; cursor:pointer}
  #bannerleft{  width:417px;   height:240px;   position:absolute;   left:0;   top:0;   z-index:1;   cursor:pointer;   color:#fff;   background:url(../images/about_bg.jpg) no-repeat scroll 0 0}
      #more_01{  position:absolute;   z-index:2;   left:370px;   top:40px;   font-family:Arial,Helvetica,sans-serif;   font-size:8px}
  #more_01 a{color:#fff; text-decoration:none}
  #more_01 a:hover{color:#0358C3; text-decoration:none}
  #bannerleft p a{color:#fff; text-decoration:none}
  #bannerleft p a:hover{color:#0358C3; text-decoration:none}
  .pro_01, .pro_02, .pro_03, .pro_04{  position:absolute;   height:50px;   width:50px;   z-index:2;   left:138px;   top:165px;   cursor:pointer}
  .pro_02{left:210px}
  .pro_03{left:282px}
  .pro_04{left:352px}
  #bannerleft p{  position:absolute;   z-index:2;   left:120px;   top:74px;   text-indent:2em;   padding-left:14px;   letter-spacing:1px;   line-height:1.4}
  #bannerright{  width:333px;   height:240px;   position:absolute;   left:417px;   z-index:0}
#main{width:750px; height:235px; position:relative; float:left; margin-top:3px; border-top:5px solid #843616; z-index:0}
  #mainleft{  position:absolute;   top:5px;   left:0;   width:529px;   height:230px;   background-color:#F4F4EB;   z-index:2}
  #mainleft h3{  font-family:"&#40657; &#20307; ";   font-size:18px;   font-weight:normal;   text-indent:15px;   padding-top:5px;   letter-spacing:3px}
     #more_02{ position:absolute;  left:450px;  top:5px;  width:53px;  height:21px}
 .notice{ padding-left:15px;  width:500px;  height:75px;  position:absolute;  top:28px}
 .notice .imgwrap{ float:left;  width:95px}
 .notice .pwrap{ float:left;  width:400px;  padding-left:5px}
    .pwrap p{text-indent:2em; padding-top:10px}
    .title a{text-decoration:underline; color:#D89406}
.title a:hover{color:#03F}
  #mainright{  position:absolute;   z-index:9999;   width:215px;   height:333px;   left:535px;   top:-30px;   background:url(../images/news_bg.jpg) no-repeat scroll 0 0}
  #mainright h3{  font-family:"&#40657; &#20307; ";   font-size:18px;   text-indent:15px;   padding-top:10px;   letter-spacing:2px;   font-weight:normal}
  #mainright ul{  padding-left:15px;   list-style:none;   line-height:1.5;   padding-top:10px}
  #mainright ul li{background:url(../images/bg.gif) no-repeat scroll 0 8px transparent; padding-left:10px;}
  
#footer{width:529px; height:65px; position:relative; float:left; padding-top:8px; z-index:0}
#footer ul{list-style:none; padding-left:30px}
#footer li{display:block; float:left; margin-left:10px}
  #copyright{  width:529px;   height:46px;   float:left;   font-size:11px;   background:url(../images/copyrights_bg.jpg) no-repeat scroll 0 0}
 #copyright p{ padding-left:210px;  padding-top:27px;  letter-spacing:1px}




